<!--#include file="_header.html"--> 
<!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="css/ie7.css">
<![endif]-->
<!--link type="text/css" href="css/timeline.css" rel="stylesheet" /-->
<!--[if IE]>
<style type="text/css">
    ul.intervals li {
        width: 14.11%;
    }
</style>
<![endif]-->        
<script type="text/javascript" src="js/jquery.contenthover.js"></script>
<script type="text/javascript">
    $(function () {

        $('#d1').contenthover({
            overlay_background: '#000',
            overlay_opacity: 1
        });

    });
</script>
<!-- start pop up-->
<link type='text/css' href='css/popup.css' rel='stylesheet' media='screen' />
<script type='text/javascript' src='js/jquery.simplemodal.js'></script>
<script type='text/javascript' src='js/popup.js'></script>
<script type='text/javascript'>
    popupOptions = {
        type_4: {
            minWidth: 130,
            minHeight: 100,
            maxWidth: 130,
            maxHeight: 110,
            mm: true
        }

    };
</script>
<!--end pop up -->

<!--smooth scroling-->
<script type='text/javascript'>
    $(document).ready(function () {
        $("a.anchorLink").anchorAnimate()
    });

    jQuery.fn.anchorAnimate = function (settings) {

        settings = jQuery.extend({
            speed: 1100
        }, settings);

        return this.each(function () {
            var caller = this
            $(caller).click(function (event) {
                event.preventDefault()
                var locationHref = window.location.href
                var elementClick = $(caller).attr("href")

                var destination = $(elementClick).offset().top;
                $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination }, settings.speed, function () {
                    window.location.hash = elementClick
                });
                return false;
            })
        });

        //julia
        // When the Document Object Model is ready
        jQuery(document).ready(function () {
            // 'catTopPosition' is the amount of pixels #cat
            // is from the top of the document
            //var catTopPosition = jQuery('#cat').offset().top;                                 

            // When #scroll is clicked
            jQuery('.anchorLink2').click(function (event) {
                event.stopPropagation();
                var nameTo = jQuery(this).attr('atr');
                var catTopPosition = jQuery('name=[' + nameTo + ']').offset().top;
                // Scroll down to 'catTopPosition'
                jQuery('html, body').animate({ scrollTop: catTopPosition }, 'slow');
                // Stop the link from acting like a normal anchor link
                return false;
            });
        });

    }
</script>
<style type="text/css">
    #story4_img {
        width: 252px; 
        height: 182px;
    }                    
</style>
<div id="page" class="container_12">

    <div id="main-content">
        <div class="clearall grid_12 height35">&nbsp;</div>


        <div class="promo">                       
            <div class="grid_12">
                <h3 class="royal_blue p0px"><%= fc_value_string(lng_id, "var_story_01") %></h3>
                <blockquote><%= fc_value_string(lng_id, "var_story_02") %></blockquote>
            </div>
            <div class="grid_12">
                <div class="icon_wrap">
                    <%= fc_get_rotated_images_code("the_story.asp", "picture_location_1", true) %>
                </div>
                <p><%= fc_value_string(lng_id, "var_story_03") %></p>
                <p class="p2"><%= fc_value_string(lng_id, "var_story_04") %></p>
            </div>                 
        </div>                     

        <div class="border_line clearall grid_12"></div>

        <div class="promo">

            <div class="grid_4">

                <!--start calendar-->
                <table id="calendar" cellspacing="0" cellpadding="0" summary="This month's calendar">
                    <caption class="shadow">&laquo; Growmetry &raquo;</caption>
                    <tr>
                        <th scope="col" colspan="4"><i>* <%= fc_value_string(lng_id, "var_story_39") %></i></th>
                    </tr>
                    <tr>
                        <td><a class="anchorLink2" atr="jahr2006" href="#jahr2006">2006</a></td>
                        <td><a class="anchorLink2" atr="jahr2007" href="#jahr2007">2007</a></td>
                        <td><a class="anchorLink2" atr="jahr2008" href="#jahr2008">2008</a></td>
                        <td><a class="anchorLink2" atr="jahr2009" href="#jahr2009">2009</a></td>
                    </tr>
                    <tr>
                        <td><a class="anchorLink2" atr="jahr2010" href="#jahr2010">2010</a></td>
                        <td><a class="anchorLink2" atr="jahr2011" href="#jahr2011">2011</a></td>
                        <td><a class="anchorLink2" atr="jahr2012" href="#jahr2012">2012</a></td>
                        <td><a class="anchorLink2" atr="jahr2013" href="#jahr2013">2013</a></td>
                    </tr>                                 

                    <!--tr>
                           <td class="today"><a href="#">6</a></td>
                           <td>7</td>
                           <td>8</td>
                           <td>9</td>
                           <td><a href="#">10</a></td>
                           <td>11</td>
                           <td>12</td>
                    </tr-->

                </table>
                <!--end calendar-->

                <div class="banner type_4 story">
                    <ul>
                        <li><span><%= fc_value_string(lng_id, "var_story_41") %></span></li>
                        <li><%= fc_get_rotated_images_code("the_story.asp", "picture_location_2", true) %></li>
                        <li><%= fc_get_rotated_images_code("the_story.asp", "picture_location_3", true) %><span> <%= fc_value_string(lng_id, "var_story_40") %></span></li>
                    </ul>  
                </div>
                <div id="type_4-modal-content">
                    <div class="popup_header2">
                        <%= fc_value_string(lng_id, "var_story_42") %>
                    </div>
                    <div class="popup_img">
                        <%= fc_get_rotated_images_code("the_story.asp", "picture_location_4", true) %>
                    </div>
                    <div class="popup_text">
                        <ul>
                            <li><%= fc_value_string(lng_id, "var_story_43") %></li>
                            <li><%= fc_value_string(lng_id, "var_story_44") %></li>
                        </ul>
                    </div>
                </div>



            </div>


            <div class="grid_8">

                <h4>2006<a name="jahr2006">&nbsp;</a></h4>
                <ul class="list">   
                    <li><%= fc_value_string(lng_id, "var_story_05") %></li>
                    <!--li class="ancorlink"><a href="#myAnchor" rel="" id="a1" class="anchorLink">Top &uarr;</a></li-->
                </ul>                              

                <h4>2007<a name="jahr2007">&nbsp;</a></h4>
                <ul class="list">   
                    <li><%= fc_value_string(lng_id, "var_story_06") %></li>
                    <li><%= fc_value_string(lng_id, "var_story_07") %></li>
                    <li><%= fc_value_string(lng_id, "var_story_08") %></li>
                    <li><%= fc_value_string(lng_id, "var_story_09") %></li>
                    <li class="ancorlink"><a href="#myAnchor" rel="" id="a8" class="anchorLink blue">Top &uarr;</a></li>
                </ul>                            

                <h4>2008<a name="jahr2008">&nbsp;</a></h4>                               
                <ul class="list">   
                    <li><%= fc_value_string(lng_id, "var_story_10") %></li>
                    <li><%= fc_value_string(lng_id, "var_story_11") %></li>
                    <li><%= fc_value_string(lng_id, "var_story_12") %></li>
                    <li class="ancorlink"><a href="#myAnchor" rel="" id="a2" class="anchorLink blue">Top &uarr;</a></li>
                </ul>

                <h4>2009<a name="jahr2009">&nbsp;</a></h4>
                <ul class="list">   
                    <li><%= fc_value_string(lng_id, "var_story_13") %></li>
                    <li><%= fc_value_string(lng_id, "var_story_14") %></li>
                    <li><%= fc_value_string(lng_id, "var_story_15") %></li>
                    <li><%= fc_value_string(lng_id, "var_story_16") %></li>
                    <li><%= fc_value_string(lng_id, "var_story_17") %></li>
                    <li><%= fc_value_string(lng_id, "var_story_18") %></li>
                    <li><%= fc_value_string(lng_id, "var_story_19") %></li>
                    <li class="ancorlink"><a href="#myAnchor" rel="" id="a3" class="anchorLink blue">Top &uarr;</a></li>
                </ul>                     

                <h4>2010<a name="jahr2010">&nbsp;</a></h4>                               
                <ul class="list">   
                    <li><%= fc_value_string(lng_id, "var_story_20") %></li>
                    <li><%= fc_value_string(lng_id, "var_story_21") %></li>
                    <li><%= fc_value_string(lng_id, "var_story_22") %></li>
                    <li><%= fc_value_string(lng_id, "var_story_23") %></li>
                    <li class="ancorlink"><a href="#myAnchor" rel="" id="a4" class="anchorLink blue">Top &uarr;</a></li>
                </ul>                      

                <h4>2011<a name="jahr2011">&nbsp;</a></h4>                               
                <ul class="list">   
                    <li><%= fc_value_string(lng_id, "var_story_24") %></li>
                    <li><%= fc_value_string(lng_id, "var_story_25") %></li>
                    <li><%= fc_value_string(lng_id, "var_story_26") %></li>
                    <li class="ancorlink"><a href="#myAnchor" rel="" id="a5" class="anchorLink blue">Top &uarr;</a></li>
                </ul>

                <h4>2012<a name="jahr2012">&nbsp;</a></h4>                               
                <ul class="list">   
                    <li><%= fc_value_string(lng_id, "var_story_27") %></li>
                    <li><%= fc_value_string(lng_id, "var_story_28") %></li>
                    <li><%= fc_value_string(lng_id, "var_story_29") %>
                        <ul class="p0px">
                            <li class="small_list">&ndash; <%= fc_value_string(lng_id, "var_story_30") %></li>
                            <li class="small_list">&ndash; <%= fc_value_string(lng_id, "var_story_31") %></li>
                        </ul>
                    </li>
                    <li><%= fc_value_string(lng_id, "var_story_32") %>
                        <ul class="p0px">
                            <li class="small_list">&ndash; <%= fc_value_string(lng_id, "var_story_33") %></li>
                            <li class="small_list">&ndash; <%= fc_value_string(lng_id, "var_story_34") %></li>
                        </ul>
                    </li>
                    <li><%= fc_value_string(lng_id, "var_story_35") %>
                        <ul  class="p0px">
                            <li class="small_list">&ndash; <%= fc_value_string(lng_id, "var_story_36") %></li>
                            <li class="small_list">&ndash; <%= fc_value_string(lng_id, "var_story_37") %></li>
                            <li class="small_list">&ndash; <%= fc_value_string(lng_id, "var_story_38") %></li>
                        </ul>
                    </li>
                    <li class="ancorlink"><a href="#myAnchor" rel="" id="a6" class="anchorLink blue">Top &uarr;</a></li>
                </ul>
                <h4>2013<a name="jahr2013">&nbsp;</a></h4>                               
                <ul class="list">   
                    <li><%= fc_value_string(lng_id, "var_story_42") %>
                        <ul class="p0px">
                            <li class="small_list">&ndash; <%= fc_value_string(lng_id, "var_story_43") %></li>
                        </ul>
                    </li>
                    <li><%= fc_value_string(lng_id, "var_story_44") %>
                        <ul class="p0px">
                            <li class="small_list">&ndash; <%= fc_value_string(lng_id, "var_story_45") %></li>
                            <li class="small_list">&ndash; <%= fc_value_string(lng_id, "var_story_46") %></li>
                        </ul>
                    </li>
                    <li><%= fc_value_string(lng_id, "var_story_47") %></li>
                    <li class="ancorlink"><a href="#myAnchor" rel="" id="a6" class="anchorLink blue">Top &uarr;</a></li>
                </ul>

            </div>


            <div class="clearall grid_12"></div>



            <!--div class="border_line clearall"></div>
            <h4>Glossary</h4>
            <ul>
                <li><span class="bold">BioAge</span> - Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</li>
                <li><span class="bold">Growmetry 1.0, Growmetry 1.5, Growmetry 2.0</span> - Lorem ipsum dolor sit amet.</li>
                <li><span class="bold">www.growmetry.com, www.growmetry.de</span> - Lorem ipsum dolor sit amet sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</li>
            </ul-->
        </div>                                              
    </div>                                                      
    <div class="clear line"></div>   
</div>
<!--#include file="_footer.html"-->
</body>
</html>